<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>宠物园</title>
<link href="css5.css" rel="stylesheet" type="text/css" />
<style type="text/css">
#apDiv1 {
	position: absolute;
	width: 999px;
	height: 144px;
	z-index: 1;
	left: 137px;
	top: 680px;
	background:#309;
}
</style>
<script type="text/javascript">
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
</script>
</head>

<body onload="MM_preloadImages('换图3.jpg','换图2.jpg','换图.jpg')">
<div class="div1"><img src="bd0d55f248d9d07d-9df158d972aec699-327c4cb9c8769100e7f472e853abda97.jpg" width="197" height="257" /></div>
<div class="div2">
<div class="div3"><a href="index.html">首页</a></div>
<div class="div3"><a href="index2.html">关于</a></div>
<div class="div3"><a href="index3.html">分类</a></div>
<div class="div3"><a href="index4.html">建议</a></div>
<div class="div3"><a href="index5.html">联系</a></div>
</div>
<div class="div4">
宠物是人们的朋友&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;    请爱护它们 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;   它们就是我们的家人
</div>
<div class="div5">
<img src="动图3.gif" width="249" height="136" id="Image1" onmouseover="MM_swapImage('Image1','','换图3.jpg',1)" onmouseout="MM_swapImgRestore()" />
<img src="动图4.gif" width="249" height="136" id="Image2" onmouseover="MM_swapImage('Image2','','换图2.jpg',1)" onmouseout="MM_swapImgRestore()" />
<img src="动图1.gif" width="249" height="136" id="Image3" onmouseover="MM_swapImage('Image3','','换图.jpg',1)" onmouseout="MM_swapImgRestore()" />
</div>
<div class="div6"></div>
<div class="div7"> 
  <p>敬请动物爱好者与我们联系:</p>
  <p>qq:2568413568</p>
  <p>vx:8997845656</p>
  <p>电话：13865475248</p>
  <p>45546873648</p>
</div>

<div id="apDiv1">
<marquee behavior="scroll" contenteditable="true" 
onstart="this.firstChild.innerHTML+=this.firstChild.innerHTML;" 
scrollamount="10" width="1000" onmouseover="this.stop();"
 onmouseout="this.start();"> 
<a href="#" class="tu"><img src="转图1.jpg" width="148" height="140" /></a>
<a href="#" class="tu"><img src="转图2.jpg" width="149" height="138" /></a>
<a href="#"class="tu"><img src="转图3.jpg" width="151" height="140" /></a>
<a href="#" class="tu"><img src="转图4.jpg" width="132" height="140" /></a>
<a href="#" class="tu"><img src="转图5.jpg" width="140" height="136" /></a>
<a href="#" class="tu"><img src="转图6.jpg" width="149" height="136" /></a>
</marquee>
</div>
</body>
</html>
